import styled from 'styled-components'

const NavContainer = styled.div `
        
        
        /* float:left; */
        position:absolute;;
        /* padding:0.2rem 0; */
        display:${({show})=>show===true?'block':'none'};
        flex:1;
        width:100%;
        height:100%;
        background-color:rgba(47,79,79,0.4);
        z-index:2;
        
        animation: fadeIn 0.5s;

        @keyframes fadeIn{
            0%{
                bottom:10%;
                opacity:0
            }
            100%{
                bottom:-7%;
                opacity:1
            }
        }
        
        
`
export {
    NavContainer
}